#left {
  display: flex;
  height: 100%;
  width: 280px;
  box-sizing: border-box;
  background: rgb(37, 37, 38);
  overflow: scroll;
  overflow-x: scroll;
  overflow-y: scroll;
  font-family: 'SimHei';
}
#left::-webkit-scrollbar {
  width: 0px;
  display: none;
}

#left .ant-tree{
  color: white !important;
  padding-left: 0;
  margin-left: 0;
  width: 100%;
}

#left .ant-tree li {
  line-height: 20px;
  cursor: pointer;
}

#left .ant-tree li .ant-tree-title {
  color: white;
}

#left .ant-tree li .ant-tree-title:hover {
  color: black;
}
#left .ant-tree li .ant-tree-node-selected .ant-tree-title{
  color: black !important;
}

#left .ant-tree li span.ant-tree-icon_loading {
  background: rgb(37, 37, 38);
}

.noDir {
  padding-left: 18px;
  font-size: 16px;
}

.isDir {
  font-size: 16px;
  padding-left: 10px;
}

.trangle {
  width: 0;
  height: 0;
  display: inline-block;
  border: 4px solid white;  
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
#left .ant-tree > li > .ant-tree-node-content-wrapper > .ant-tree-iconEle{
  display: none;
}

#left .ant-tree-child-tree > li > .ant-tree-switcher {
  display: none;
}